<html>
    <head>
        <meta charset="utf-8">
        <title id="title">ServiioTube</title>

        <!-- Stylesheets -->
        <link id="favicon" rel="icon" href="">
        <link rel="stylesheet" href="scripts/thirdparty/fancy-settings/lib/default.css" media="screen">
        <link rel="stylesheet" href="scripts/thirdparty/fancy-settings/css/main.css" media="screen">
        <link rel="stylesheet" href="scripts/thirdparty/fancy-settings/css/setting.css" media="screen">

        <!-- JavaScripts -->
        <script src="scripts/thirdparty/fancy-settings/lib/mootools-core.js"></script>
        <script src="scripts/thirdparty/fancy-settings/lib/store.js"></script>
        <script src="scripts/thirdparty/fancy-settings/js/classes/tab.js"></script>
        <script src="scripts/thirdparty/fancy-settings/js/classes/setting.js"></script>
        <script src="scripts/thirdparty/fancy-settings/js/classes/search.js"></script>
        <script src="scripts/thirdparty/fancy-settings/js/classes/fancy-settings.js"></script>
        

        <!-- ServiioTube -->
        <link rel="stylesheet" href="css/settings.css" media="screen">
        <script src="scripts/i18n.js"></script>
        <script src="scripts/thirdparty/fancy-settings/js/i18n.js"></script>
        <script src="scripts/manifest.js"></script>
        <script src="scripts/settings.js"></script>
    </head>
    
    <body class="no-select">
        <div id="sidebar" class="fancy">
            <img id="icon" src="" alt=""><h1 id="settings-label"></h1>
            <div id="tab-container">
                <div id="search-container" class="tab">
                    <input id="search" type="search" placeholder="">
                </div>
            </div>
        </div>
        <div id="content">
            <div id="search-result-container" class="tab-content">
                <h2 id="search-label"></h2>
            </div>
        </div>
   </body>
    

</html>
